@charset "utf-8";
/* CSS Document */

body {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666666;
	background-color:#FFF;
	margin: 0px;
	padding: 0px;}
	
	body, div, ul, li, h1, h2, h3, h4, h5, h6, form, p, span {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style-type: none;
}

.top{
	width:100%;
	height:40px;
	background-color:#2a2a2a;}
	
.the_top{
	width:1200px;
	margin:0 auto;
	font-family:"微软雅黑";
	font-size:14px;
	text-align:left;
	height:40px;
	line-height:40px;
	color:#FFF;}


.menu{
	width:1200px;
	height:70px;
	margin:0 auto;}
	
.logo{
	width:230px;
	height:70px;
	float:left;}
	
 .nav{
	 width:900px;
	 float:right;
	 height:70px;
	 margin:0 auto;
     font-family:"微软雅黑";
     font-size:18px;
	 
}
	 
	 
.anav ul{
	list-style-type:none;} 
	
.anav li{float:left;
width:125px;
height:40px;
margin-top:15px;
line-height:40px;
} 

.anav a{display:block;
text-align:center;
height:40px;
} 

.anav a:link{color:#666666;
text-decoration:none;
background-color:#fff;} 
.anav a:visited{color:#666666;
text-decoration:underline;} 
.anav a:hover{color:#FFF;
 text-decoration:none;
 background:url(arrow_on.gif) #0882d8 no-repeat 40px 125px;} 
 

	 
 .banner{
	
	 height:500px;
	 background-image:url(../images/banner1.jpg);
	 background-position:center center;
	 background-repeat:no-repeat;}


#solid{
	width:100%;
	height:500px;
	clear:both;

	position:relative;
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:500px;
	display:none;
}
#solid .solid0{
	background:#030303;
}
#solid .solid1{
	background:#0b0b0b;
}
#solid .solid2{
	background:#171414;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	left:50%;
	top:0px;
	width:1520px;
	height:500px;
    display:none;
	cursor:pointer;
	margin-left:-950px;

}
#solid #btt{
	width:1920px;
	height:55px;
	top:445px;
	left:50%;
	position:relative;
	margin-left:-950px;
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:30px;
	height:8px;
	margin:0 15px;	
	text-align:center;
	background:#3d3d3d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity:0.7; /*Firefox私有，透明度50%*/
	opacity:0.7;/*其他，透明度50%*/
}



 .zutu{
	 width:100%;
	 height:295px;
	 background-color:#eeeeee;}
	 
 .the_tu{
	 width:1200px;
	 height:240px;
	 padding-top:60px;
	 margin-bottom:50px;
	 margin-left:auto;
	 margin-right:auto;}
	 

.tu{float:left; 
width:275px;!important;  
margin-right:31px; 
padding-top:2px;}

.tu span{
	filter:alpha(opacity=50); 
	-moz-opacity:0.8; 
	opacity:0.8; 
	background:#000000; 
	margin-top:150px; 
	height:30px; 
	position: absolute; 
	width:275px;}

.tu font{ 
margin-top:150; 
height:30px; 
line-height:30px; 
font-size:14px;
font-family:"微软雅黑"; 
text-align:center; 
color:#ffffff; 
position: absolute; 
width:275px;
margin-top:150px}


.tu a{display:block;
text-align:center;
} 

.tu a:link{color:#fff;
text-decoration:none;}
 
.tu a:visited{color:#666666;
text-decoration:underline;} 

.tu a:hover{color:#ededed;
 text-decoration:none;} 






.tul{
	float:left; 
width:275px;!important;   
padding-top:2px;}


.tul span{
	filter:alpha(opacity=50); 
	-moz-opacity:0.8; 
	opacity:0.8; 
	background:#000000; 
	margin-top:150px; 
	height:30px; 
	position: absolute; 
	width:275px;}

.tul font{ 
margin-top:150; 
height:30px; 
line-height:30px; 
font-size:14px;
font-family:"微软雅黑"; 
text-align:center; 
color:#ffffff; 
position: absolute; 
width:275px;
margin-top:150px}

.mass{
	width:1200px;
	height:370px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:50px;}
	
.the_mass_left{
	width:910px;
	height:365px;
	float:left;}
	
.the_mass_right{
	width:290px;
	height:365px;
	float:left;}

.zl{
	width:290px;
	height:50px;
	line-height:50px;
	font-family:"微软雅黑";
	font-size:47px;
	text-align:left;
	color:#000;}
	
.kf{width:290px;
	height:50px;
	line-height:50px;
	font-family:"微软雅黑";
	font-size:30px;
	text-align:left;
	color:#000;
	margin-top:10px;}
.xxi{
	width:290px;
	height:230px;
	font-family:"微软雅黑";
	font-size:14px;
	text-align:left;
	color:#666666;
	margin-top:10px;
	overflow:hidden;
	line-height:2;
	}
	

.liang{
	width:1200px;
	height:750px;
	margin:0 auto;
	background-image:url(../images/bj.jpg);}
	
.liang_top{
	width:1200px;
	height:348px;
	margin-bottom:50px;}

.liang_tu{
	width:530px;
	height:348px;
	float:left;}

.liang_wen{
	width:270px;
	margin-left:20px;
	margin-top:100px;
	height:240px;
	float:left;}
	
.xiangxi{
	width:230px;
	height:120px;
	font-family:"微软雅黑";
	font-size:14px;
	text-align:left;
	color:#666666;
	margin-top:10px;
	overflow:hidden;
	line-height:1.5;
	}
	
.liang_bot{
	width:1200px;
	height:345px;}	

.liang_bot_tu{
	width:605px;
	height:345px;
	float:left;}
	
.liang_bit_wen{
		width:500px;
	margin-left:30px;
	margin-top:100px;
	height:240px;
	float:left;}
		
.xiangxiy{
	width:500px;
	height:120px;
	font-family:"微软雅黑";
	font-size:14px;
	text-align:left;
	color:#666666;
	margin-top:10px;
	overflow:hidden;
	line-height:2;
}

.kong{
	width:100%;
	height:40px;}
	

.xwzx{
	width:1200px;
	height:60px;
	line-height:60px;
	font-family:"微软雅黑";
	font-size:36px;
	color:#000;
	text-align:left;
	margin:0 auto;}

.xwwz{
		width:160px;
		height:60px;
	line-height:60px;
	font-family:"微软雅黑";
	font-size:36px;
	color:#000000;
	text-align:left;
	margin:0 auto;
	float:left;}

	
.xwzx a{
text-align:left;
height:60px;
} 

.xwzx a:link{color:#000033;
text-decoration:none;} 

.xwzx a:visited{color:#000033;
text-decoration:underline;} 

.xwzx a:hover{color:#666666;
 text-decoration:none;
} 	
	
	
	
	
	.redian{
		width:1200px;
		height:400px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
		}
	
	.redian_left{
		width:500px;
		height:400px;
		float:left;}
			
	.redian_tu{
		width:500px;
		height:300px;}
		
	.redian_biao{
		width:500px;
		height:50px;
		line-height:50px;
		font-family:"微软雅黑";
		font-size:24px;
		color:#0099cc;
		text-align:left;
		overflow:hidden;}
		
		
		.redian_biao a{
text-align:left;
height:50px;
} 

.redian_biao a:link{color:#0099cc;
text-decoration:none;} 

.redian_biao a:visited{color:#0099cc;
text-decoration:underline;} 

.redian_biao a:hover{color:#047196;
 text-decoration:none;
} 

		
	.redian_neir{width:500px;
	height:50px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#666666;
	overflow:hidden;
	line-height: 2;}
	
.redian_neir a{
text-align:left;
height:50px;
} 

.redian_neir a:link{color:#666666;
text-decoration:none;} 

.redian_neir a:visited{color:#666666;
text-decoration:underline;} 

.redian_neir a:hover{color:#000000;
 text-decoration:none;
} 

	
	.resian_right{
		width:620px;
		height:400px;
		margin-left:70px;
		float:left;}
		
	.resian_right_top{
		width:620px;
		height:190px;
		
		}
	
	.resian_right_biao{
		width:620px;
		height:50px;
		line-height:50px;
		font-family:"微软雅黑";
		font-size:24px;
		color:#000033;
		text-align:left;
		overflow:hidden;}
		
	.resian_right_biao a{
text-align:left;
height:50px;
} 

.resian_right_biao a:link{color:#000033;
text-decoration:none;} 

.resian_right_biao a:visited{color:#000033;
text-decoration:underline;} 

.resian_right_biao a:hover{color:#333333;
 text-decoration:none;
}	
		
		
		
		
		
		.resian_right_nr{
			width:620px;
			height:140px;
			}
		.resian_right_tu{
			width:230px;
			height:135px;
			float:left;}
				
		.resian_right_wenz{
			width:370px;
			height:135px;
			overflow:hidden;
			font-family:"微软雅黑";
			font-size:14px;
			color:#666666;
			float:left;
			padding-left:10px;
			line-height: 2;}	
	
	
	
	.resian_right_wenz a{
text-align:left;
height:135px;
} 

.resian_right_wenz a:link{color:#666666;
text-decoration:none;} 

.resian_right_wenz a:visited{color:#666666;
text-decoration:underline;} 

.resian_right_wenz a:hover{color:#333333;
 text-decoration:none;}


	.zaihang{
		width:1200px;
		height:60px;
		margin:0 auto;}
		
	.kfxd{
	width:220px;
	height:60px;
	line-height:60px;
	font-family:"微软雅黑";
	font-size:36px;
	color:#000;
	text-align:left;
	margin:0 auto;
	float:left;}
	
	
	.kfxd a{
text-align:left;
} 

.kfxd a:link{color:#000033;
text-decoration:none;} 

.kfxd a:visited{color:#000033;
text-decoration:underline;} 

.kfxd a:hover{color:#666666;
 text-decoration:none;}

	
	
	
	
	
	
	
	.kfxd_nei{
		width:850px;
	height:45px;
	line-height:35px;
	font-family:"微软雅黑";
	font-size:26px;
	color:#0782d8;
	text-align:left;
	margin:0 auto;
	float:left;
	padding-top:15px;}
	
	
		.kfxd_nei a{
text-align:left;
} 

.kfxd_nei a:link{color:#0782d8;
text-decoration:none;} 

.kfxd_nei a:visited{color:#0782d8;
text-decoration:underline;} 

.kfxd_nei a:hover{color:#047196;
 text-decoration:none;}
	
	
	
	.dong{
		width:1200px;
		height:480px;
		margin-top:10px;
		margin-bottom:40px;
		margin-left:auto;
		margin-right:auto;}
		
	
	.kaifeng{
		width:370px;
		height:480px;
		margin-left:0px;
		margin-right:30px;
		float:left;}
		
	.kaitop{
		width:370px;
		height:370px;}
		
		
	.kaibot{
		width:370px;
		height:50px;

		font-family:"微软雅黑";
		color:#666666;
		font-size:14px;
		overflow:hidden;}
		
		
		
.kaibot a{
text-align:left;
} 

.kaibot a:link{color:#666666;
text-decoration:none;} 

.kaibot a:visited{color:#666666;
text-decoration:underline;} 

.kaibot a:hover{color:#333;
 text-decoration:none;}
		
	.kaida{
		width:370px;
		height:50px;
		line-height:50px;
		font-family:"微软雅黑";
		font-size:26px;
		color:#00132b;}
		
		
		.kaida a{
text-align:left;
} 

.kaida a:link{color:#00132b;
text-decoration:none;} 

.kaida a:visited{color:#00132b;
text-decoration:underline;} 

.kaida a:hover{color:#666;
 text-decoration:none;}
		
		.the_bottom{
			width:100%;
			height:235px;
			background-color:#2a2a2a;}
			
		.bottom{
			width:1200px;
			height:200px;
			padding-top:30px;
			margin-bottom:5px;
			margin-left:auto;
			margin-right:auto;}
			
		.cpzx{
			width:120px;
			height:160px;
			float:left;
			margin-right:40px;}
			
			
		.cpzx_wen{
			font-family:"微软雅黑";
			font-size:20px;
			color:#ffffff;
			text-align:left;
			height:40px;
			line-height:40px;}
			
		
		
		
		
		
			
.cpzx_wen a{
text-align:left;
} 

.cpzx_wen a:link{color:#ffffff;
text-decoration:none;} 

.cpzx_wen a:visited{color:#ffffff;
text-decoration:underline;} 

.cpzx_wen a:hover{color:#ffffff;
 text-decoration:none;}		
			
			
			
			
			
		.cpzx_xia{
			width:auto;
			height:30px;
			line-height:30px;
			color:#b5b5b5;
			font-family:"微软雅黑";
			font-size:14px;
			text-align:left;}
			
.cpzx_xia a{
text-align:left;
} 

.cpzx_xia a:link{color:#b5b5b5;
text-decoration:none;} 

.cpzx_xia a:visited{color:#b5b5b5;
text-decoration:underline;} 

.cpzx_xia a:hover{color:#ffffff;
 text-decoration:none;}		
			
			
		.ewm{
			width:90px;
			height:90px;}
			
		.xiao{
			width:200px;
			height:70px;
			margin-left:60px;
			margin-top:70px;
			float:right;}
		
		.xiao_biao{
			width:25px;
			height:20px;
			background-image:url(../images/mobile.png);
			background-position:left left;
			background-repeat:no-repeat;
			float:left;}	
			
		.xiao_mo{
			height:20px;
			line-height:20px;
			font-family:"微软雅黑";
			font-size:14px;
			color:#ffffff;}
			
		.xiao_shu{
			height:50px;
			line-height:50px;
			font-family:"微软雅黑";
			font-size:26px;
			color:#ffffff;}
			
		
		.di{
			width:1200px;
			height:40px;
			margin:0 auto;}
			
		.minlogo{
			width:30px;
			height:40px;
			float:left;}
		.diwen{
			width:880px;
			height:40px;
			line-height:40px;
			font-family:"宋体";
			font-size:12px;
			color:#333333;
			text-align:left;
			float:left;}
		
		.diri{
			width:60px;
			height:40px;
			line-height:40px;
			font-family:"宋体";
			font-size:12px;
			color:#333333;
			float:left;
			text-align:center;}
			
	.diri a:link{color:#666666;
text-decoration:none;} 
.diri a:visited{color:#666666;
text-decoration:underline;} 
.diri a:hover{color:#333333;
 text-decoration:none;} 
 		
















.banner_anli{
	height:245px;
	margin:0 auto;
	background-image:url(../images/anzs.jpg);;
	background-position:center center;
	background-repeat:no-repeat;}
	
	.gray{
		width:100%;
		height:40px;
		border-bottom:#dbdbdb 1px solid;
		background-color:#fafafa;}	
	
	.grayness{
		width:1200px;
		height:40px;
		line-height:40px;
		margin:0 auto;
		font-family:"微软雅黑";
		font-size:16px;
		color:#666666;
		text-align:left;}	

	.jtsys{
		width:130px;
		height:40px;
		float:left;}	
	
	
	.jtsys a{
	text-align:left;} 
	
	.jtsys a:link{color:#666666;
	text-decoration:none;} 
	
	.jtsys a:visited{color:#666666;
	text-decoration:underline;} 
	
	.jtsys a:hover{color:#000;
	 text-decoration:none;}	






	
	.jtsy{
		width:85px;
		height:40px;
		float:left;}	
	
	
	.jtsy a{
	text-align:left;} 
	
	.jtsy a:link{color:#666666;
	text-decoration:none;} 
	
	.jtsy a:visited{color:#666666;
	text-decoration:underline;} 
	
	.jtsy a:hover{color:#000;
	 text-decoration:none;}	
	 
	 
	 .image{
		 width:1200px;
		 margin-top:45px;
		 margin-left:auto;
		 margin-right:auto;
		 margin-bottom:50px;}
	
	
	.image_list{
		width:1200px;
		height:254px;
		margin-bottom:40px;}	
	
	.image_one{
		width:372px;
		height:254px;
		margin-left:10px;
		margin-right:10px;
		float:left; 
		 margin-bottom:40px;}



.image_one{float:left; 
width:372px;!important;  

padding-top:2px;}

.image_one span{
	filter:alpha(opacity=50); 
	-moz-opacity:0.8; 
	opacity:0.8; 
	background:#000000; 
	margin-top:214px; 
	height:40px; 
	position: absolute; 
	width:372px;}

.image_one font{ 
height:40px; 
line-height:40px; 
font-size:14px;
font-family:"微软雅黑"; 
text-align:center; 
color:#ffffff; 
position: absolute; 
width:372px;
margin-top:214px;}	


.image_one1{
		width:300px;
		height:425px;
		margin-left:10px;
		margin-right:90px;
		float:left; 
		 margin-bottom:40px;}

.image_one1{float:left; 
width:300px;!important;  

padding-top:2px;}

.image_one1 span{
	filter:alpha(opacity=50); 
	-moz-opacity:0.8; 
	opacity:0.8; 
	background:#000000; 
	margin-top:385px; 
	height:40px; 
	position: absolute; 
	width:300px;}

.image_one1 font{ 
height:40px; 
line-height:40px; 
font-size:14px;
font-family:"微软雅黑"; 
text-align:center; 
color:#ffffff; 
position: absolute; 
width:300px;
margin-top:385px;}	









.banner_new{
	height:245px;
	margin:0 auto;
	background-image:url(../images/xwzx.jpg);
	background-position:center center;
	background-repeat:no-repeat;}
	
	
.banner_lxwm{
	height:245px;
	margin:0 auto;
	background-image:url(../images/lxwmbanner.jpg);
	background-position:center center;
	background-repeat:no-repeat;}
	
	
.banner_khfw{
	height:245px;
	margin:0 auto;
	background-image:url(../images/khfwbanner.jpg);
	background-position:center center;
	background-repeat:no-repeat;}
	
.news{
	width:1200px;
	margin:0 auto;}	

.news_list{
	width:1200px;
	height:200px;
	margin:0 auto;
	border-bottom:1px #dbdbdb solid;}
		
.news_in{
	width:1200px;
	height:120px;
	padding-top:45px;}
	
	
	.news_in_left{
		widows:200px;
		height:120px;
		float:left;}
		
	.news_in_center{
		width:850px;
		margin-left:40px;
		height:120px;
		float:left;}
			
				
	.news_in_ctop{
		width:850px;
		height:40px;
		line-height:40px;
		text-align:left;
		font-family:"微软雅黑";
		font-size:24px;
		color:#484848;}
		
		
		.news_in_ctop a{	
        text-align:left;} 
	
	.news_in_ctop a:link{color:#484848;
	text-decoration:none;} 
	
	.news_in_ctop a:visited{color:#484848;
	text-decoration:underline;} 
	
	.news_in_ctop a:hover{color:#000;
	 text-decoration:none;}	
	 
		
	.news_in_cbot{
		width:850px;
		height:70px;
		overflow:hidden;
		font-size:16px;
		font-family:"微软雅黑";
		color:#666666;
		padding-top:10px;}
		
	.news_in_cbot a{	
        text-align:left;} 
	
	.news_in_cbot a:link{color:#666666;
	text-decoration:none;} 
	
	.news_in_cbot a:visited{color:#666666;
	text-decoration:underline;} 
	
	.news_in_cbot a:hover{color:#000;
	 text-decoration:none;}		
		
		
		
	.news_in_right{
		width:78px;
		height:77px;
		margin-top:40px;
		margin-left:30px;
		border:1px solid #cccccc;   
		border-radius: 5px;   
		-moz-border-radius: 5px;   
		-webkit-border-radius: 5px;
		float:left;}
		
	.news_in_data{

		height:15px;
		line-height:15px;
		font-size:12px;
		font-family:"微软雅黑";
		color:#666;
		text-align:center;}
		
		
		.news_in_clock{width: 68px;   
		height: 45px;
		background-image:url(../images/clock.jpg);
		background-position:center center;
		background-repeat:no-repeat;}
		
		
		
		
		
		
		
		.detail{
		    width:1200px;
			margin-top:50px;
			margin-bottom:50px;
			margin-left:auto;
			margin-right:auto;
			}
			
		.detail_title{
			width:1200px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:"微软雅黑";
			font-size:24px;
			color:#3484848;}
			
		.detail_data{
			width:1200px;
			height:30px;
			line-height:30px;
			text-align:center;
			font-family:"微软雅黑";
			font-size:18px;
			color:#3484848;
			margin-top:20px;}
			
		.detail_boundary{
		
			height:30px;
			border-bottom:#007ed7 1px solid;
			margin:0 auto;}
			
		.matter{
			width:1200px;
			margin-top:30px;
			font-size:18px;
			font-family:"微软雅黑";
			color:#484848;
			line-height:2em;}
			
			
			
		.product_one{
			height:484px;
			background-image:url(../images/product1.jpg);
			background-position:center center;
			background-repeat:no-repeat;}	
			
			.product_two{
			height:506px;
			background-image:url(../images/product2.jpg);
			background-position:center center;
			background-repeat:no-repeat;}	
			
			.product_three{
			height:484px;
			background-image:url(../images/product3.jpg);
			background-position:center center;
			background-repeat:no-repeat;}
			
			.product_four{
			height:615px;
			background-image:url(../images/product4.jpg);
			background-position:center center;
			background-repeat:no-repeat;}
			
			.product_five{
			height:512px;
			background-image:url(../images/product5.jpg);
			background-position:center center;
			background-repeat:no-repeat;}
			
			
			
			
			
			
				
				
				
				
				
				
				
				.culture_one{
					height:620px;
					background-image:url(../images/banner4.jpg);
					background-position:center center;
					background-repeat:no-repeat;}
					
				
				.culture_two{
					height:500px;
					background-image:url(../images/qywh1.jpg);
					background-position:center center;
					background-repeat:no-repeat;}
					
				.culture_three{
					height:500px;
					background-image:url(../images/qywh2.jpg);
					background-position:center center;
					background-repeat:no-repeat;}
					
				 .culture_four{
					height:461px;
					background-image:url(../images/qywh3.jpg);
					background-position:center center;
					background-repeat:no-repeat;}
					
					
					.dede_pages{
line-height: 30px;
	height: 30px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	text-align: right;
}
.dede_pages ul{
	float:left;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#FF0000;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.jian{
		width:60px;
		height:50px;
		float:left;
		margin-top:10px;}
		
		/* banner-box */
.banner-box{min-width:1200px;height:500px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1200px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:500px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:350px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{
	background-color: #00a076;
}

.banner {
	width:100%;
	height:500px;
}